<!doctype html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<script src="../jQuery/jquery-1.9.1.min.js"></script>
	<script src="../js/jquery.zlight.menu.1.0.min.js"></script>

	<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link rel="stylesheet" href="../css/font-awesome.min.css" media="screen">
	<link rel="stylesheet" href="../css/style2.css" media="screen">
	<link rel="stylesheet" href="../css/zlight.menu.css" media="screen">

	<title>东华山庄</title>
	<script>
		$(document).ready(function(){
			$('#zlight-nav').zlightMenu();
		});
	</script>
</head>
<body>
	<div class="container" id="main">
		
	<!-- 	<div class="row">
			<div class="col-lg-12">
				<h4>Default:</h4>
			</div>
		</div> -->

		<div class="row" style="padding-top: 20px;">
			<div class="col-lg-12">
				<img src="https://i02piccdn.sogoucdn.com/bb26a038374fa8d0" style="width: 1080px;height: 150px;">
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">

				<nav id="zlight-nav">
					<ul id="zlight-main-nav"  style="margin-left: 50px;">
						<li class=""><a  href="index3.html" target="">首页</a></li>

						<li class="zlight-dropdown">
							<a href="#">记忆口才 <i class="icon-angle-down"></i></a>
							<ul class="zlight-submenu">
								<li><a href="#">Link 1</a></li>
								<li><a href="#">Link 2</a></li>
								<li><a href="#">Link 3</a></li>
							</ul>
						</li>

						<li><a href="#">软件教程</a></li>

						<li class="zlight-dropdown">
							<a href="#">技能提升<i class="icon-angle-down"></i></a>
							<ul class="zlight-submenu">
								<li><a href="#">Link 1</a></li>
								<li><a href="#">Link 2</a></li>
								<li><a href="#">Link 3</a></li>
								<li class="zlight-dropdown">
									<a href="#">外语 <i class="icon-angle-right"></i></a>
									<ul class="zlight-submenu">
										<li><a href="#">英语</a></li>
										<li><a href="#">日语</a></li>
										<li><a href="#">韩语</a></li>

										<li class="zlight-dropdown">
											<a href="#">Dropdown <i class="icon-angle-right"></i></a>
											<ul class="zlight-submenu">
												<li><a href="#">Link 1</a></li>
												<li><a href="#">Link 2</a></li>
												<li><a href="#">Link 3</a></li>
												<li><a href="#">Link 4</a></li>
											</ul>
										</li>

									</ul>
								</li>
								<li><a href="#">Link 5</a></li>
							</ul>
						</li>

						<li><a href="../ITpeixun.html" class="zlight-active">IT培训</a></li>

						<li><a href="#">软件区</a></li>

						<li><a href="../tzlc.html"  class="">投资理财</a></li>

						<li><a href=""  class="">网站源码</a></li>
						<li><a href=""  class="">认证考试</a></li>
						<li><a href=""  class="">公务员资料</a></li>

					</ul>
					<!-- MOBILE NAV -->
					<div id="zlight-mobile-nav">
						<span>Menu</span>
						<i class="icon-reorder zlight-icon"></i>
						<select></select>
					</div>
				</nav> <!-- nav close -->

			</div>
		</div>
		
		<div class="row"></div>


		<div style="margin-left: 135px;">



			<!-- 主图 -->
			<div class=""  style="width: 900px;position: ;">
				<img src="..\img\UIzhutu.JPG" class="upload-video" width="400px" height="400px"/>
				<br>
				<br>	
			</div>

			<div class=""  style="margin-top: -422px;margin-left: 405px;  width: 400px;height:400px;font-size: 30px;position: absolute;background-color: ;">


				<!-- 主图右面描述 -->
				<div style="margin-top: 70px;margin-left: 12px;text-align: center;">
					<p>UI设计全能班</p>
					<br>
					<p>&nbsp;&nbsp;价格：<span style="color: red;">￥20.00</span></p>
					<p>快递：免运费</p>
					<p>支付：支付宝</p>

					<a href="http://dt3.8tupian.com/18614a37b2000.pg3" target="_blank" class="btn btn-success">
						立即购买
					</a>
				</div>	
			</div>


			<!-- 详情页描述 -->
			<div style="margin-left: 2px;">
				<img src="https://img.alicdn.com/imgextra/i2/1016657893/O1CN01ylkd8w28B2lnFuM0J_!!1016657893.jpg?t=1599999706000" class="upload-video" width="805px" height="100px"/>
				<img src="../img/展示部分.jpg" class="upload-video" width="805px" height="200px"/>
				<img src="../img/UIshejiPic1.JPG" class="upload-video" width="805px" height="400px"/>
			</div>	

			<!-- 客服在线联系 -->	
			<div style="margin-left:850px;margin-top: -1000px;position: fixed;margin:auto;left:1125px;right:0;top:290px;bottom:0;"> 
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=528184495&site=qq&menu=yes">
			 		<img border="0" src="https://pub.idqqimg.com/wpa/images/counseling_style_53.png" alt="点击这里给我发消息"  width="100px;" height="130px;" title="点击这里给我发消息"/>
			 	</a>
		 	</div>


		<!-- <div style=" position:fixed; margin:auto;left:1225px;right:0;top:330px;bottom:0;">
				<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=528184495&site=qq&menu=yes"><img border="0" src="https://pub.idqqimg.com/wpa/images/counseling_style_53.png" alt="点击这里给我发消息" width="100px;" height="130px;" title="点击这里给我发消息"/></a>


			</div>  -->
			
		</div>


	</div> <!-- main close -->

	</div> <!-- container close -->
	<script src="../js/bootstrap.min.js"></script>
	<script src="../js/respond.min.js"></script>
	<!-- 
	<div style="text-align:center;">
	<p>更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
	</div>
 -->





	
 	
 	
</body>
</html>
